<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<link href="./base.css" rel="stylesheet">
<style type="text/css">

</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header_img">
				<div><img src="./camping_logo.jpg">
					<img src="./key.gif" class="fr">
				</div>
				<div id="topMenuLogo">
					<img alt="" src="./campinglogo.gif" class="fr">
				</div>
			</div>
			
			
			<div id="topMenuList">
				<div class="fl">
					<img alt="" src="./reservation_img.jpg" style="margin-bottom: 0px;">
				</div>
				<div class="fr topLeftMenu">
					<ul>
						<li><a href=""><img alt="" src="./img/menu_down_1.jpg"> </a></li>
						<li><a href=""><img alt="" src="./img/menu_down_2.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_3.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_4.jpg"></a></li>
					</ul>
				</div>
			</div>
			<div id="line">
				
			</div>
		</div>
		<div id="body">
			<p>이미지위에 마우스를 올리시면 예약 가능한 사이트가 표시됩니다.<br>
			<img alt="" src="./img/img_r_r.gif">	예약가능 
				<img alt="" src="./img/img_r_i.gif"> 예약진행중 
				<img alt="" src="./img/img_r_o.gif"> 예약완료
			</p>
			
			<table style="width: 100%">
				<tr>
					<td colspan="7" style="text-align: center;">
						<div>
							<a href=""><img alt="" src="./img/calendar_arrow_l.jpg"  style="vertical-align:top; padding-top: 12px;padding-right: 10px;"></a>
							<strong style="font-size: 25px;font-weight: bold;font-family: Arial Black">2013년 1월</strong>
							<a href=""><img alt="" src="./img/calendar_arrow_r.jpg" style="vertical-align:top; padding-top: 12px;padding-left : 10px;"></a>
							<div style="padding-left: 0px;float: right;padding-top: 19px;"><strong style="color: #ff9f52; ">TODAY : 2013년 1월 22일(화)</strong></div>
						</div>
					</td>
				</tr>
			</table>
			<table class="iReserCal" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<th class="calRed">일</th>
					<th class="calBlack">월</th>
					<th class="calBlack">화</th>
					<th class="calBlack">수</th>
					<th class="calBlack">목</th>
					<th class="calBlack">금</th>
					<th class="calBlue">토</th>
					<th class="calRed">일</th>
					<th class="calBlack">월</th>
					<th class="calBlack">화</th>
					<th class="calBlack">수</th>
					<th class="calBlack">목</th>
					<th class="calBlack">금</th>
					<th class="calBlue">토</th>
				</tr>
				<tr>
					<td class="calRed back_c_gray">1</td>
					<td class="calBlack back_c_gray">2</td>
					<td class="calBlack back_c_gray">3</td>
					<td class="calBlack back_c_gray">4</td>
					<td class="calBlack back_c_gray">5</td>
					<td class="calBlack">6</td>
					<td class="calBlue">7</td>
					<td class="calRed">8</td>
					<td class="calBlack">9</td>
					<td class="calBlack">10</td>
					<td class="calBlack">11</td>
					<td class="calBlack">12</td>
					<td class="calBlack">13</td>
					<td class="calBlue">14</td>
				</tr>
			</table>
			
			<table style="width: 100%;margin-top: 10px;" border="1" cellspacing="6" cellpadding="1" bgcolor="#edecec">
				<tr>
					<td>
						<img alt="" src="./img/bak.gif" border="0">
					</td>
				</tr>
			</table>
		</div>
	</div>	
</body>
</html>